﻿@import url('reset.css');
@import url('basic.css');
@import url('layout.css');
@import url('dialog.css');
@import url('button.css');
@import url('table.css');
@import url('Search.css');


/*********************************************
            fix for juqery ui css
*********************************************/        
.ui-autocomplete-loading { background: white url('../Image/ui-anim_basic_16x16.gif') right center no-repeat; }
ul.ui-autocomplete li.ui-menu-item a.ui-state-hover{color:#fff;background:#1A719C;}
#tabs{border:none;padding:0;display: inline-block;width:100%;}    
#tabs .ui-tabs-nav{padding:0 2em;border-top:none;border-left:none;border-right:none; background-image:none; 
                   background-color:#F1F5FA;border-radius:0;}  
#tabs .ui-widget-header{border-bottom: 1px solid #DADEE5;}
#tabs .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content 
    .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; color: #212121; border: 1px solid #DADEE5;
    background: #E6E6E6 url(themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;}
#tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-state-active{border: 1px solid #DADEE5;background: #fff;}
#tabs .ui-tabs-panel{padding:0;}
div.ui-datepicker{ font-size:12px;}
.ui-dialog-title{font-size:13px;}


/*********************************************
            Add Note Panel
*********************************************/
#AddNotePanel{margin-bottom:10px;}
#AddNotePanel .title{padding-bottom:6px;font-weight:bold;font-size:14px;}
#AddNotePanel .autofocus{font-size:12px; overflow-y:hidden;padding:3px;height:80px;width:99%;}
#AddNotePanel .actionBar{font-size:12px;line-height:30px;height:30px;width:100%;}
#AddNotePanel .action{margin-top:5px;}
#AddNotePanel .leftPrompt{width:100px;}
#AddNotePanel table.basic th{font-weight:normal;width:120px;}
#AddNotePanel table.basic tr{line-height:35px;height:35px;}
        

/*********************************************
            Filter condition for list screen
*********************************************/
.search_options{font-size:12px;line-height:20px;}
ul.search_options li{display:inline;}
.search_options a{padding:2px;}
.search_options a.selected{background-color:#4073BF;color:#fff; text-decoration:none;}   
.search_filters{padding:0 0 10px 0;border-bottom:2px solid #cdcdcd;}
.search_filters .dialog{padding:10px;z-index:999;}
.search_conditions{margin-top:5px;}
.search_conditions_item{display:inline-block;border: 1px solid #DBE2E8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding: 3px 6px 4px 20px;
font-size: 12px;text-decoration: none;color: #222;margin-right: 3px;background: #EBF2F4 url(../image/bkd_filter_close.2.png) no-repeat scroll 6px center; cursor:pointer;}
.search_conditions_item:hover{ text-decoration:none;}
.search_conditions_item b{padding-left:5px;}
.search_conditions_item span{display:none;}

/*********************************************
            selection for list screen
*********************************************/
.tab_set_activator{height:50px;position:relative;}

.tab_set_header{position:absolute;left:0;bottom:0;line-height:20px;}
.tab_set_activator .tab_set_message{font-size:11px;color: #888;}
.tab_set_activator .title{font-size:13px;font-weight:bold;margin-bottom: 2px;}
.tab_set_activator .tab_set_menu{ list-style:none;}
.tab_set_activator .tab_set_menu li{display:inline-block;padding:2px 6px 0 6px;background-color:#DFDFDF;color: #444;
  cursor: pointer;margin: 0px;border-top-left-radius: 6px; border-top-right-radius: 6px;font-size:11px;}
.tab_set_activator .tab_set_menu li.current{background: #4073BF;color: white;}
.tab_set_activator .tab_set_menu li.current.remove{background: #E00;color: white;}

.selection_control{position:absolute;right:0;bottom:0;line-height:20px;}
.selection_control a{font-size:11px;color:#888;}

.selection_activities{border-bottom:1px solid #cdcdcd;}
.selection_activities.active div{border-top:1px solid #4073BF;}
.selection_activities.active .remove{border-top:1px solid #E00;}
.selection_activities .selection_tab{padding:15px 18px;background: #F1F5FA;font-size:11px;}
.selection_tab p{line-height:25px;height:25px;}  


/*********************************************
feedback message
*********************************************/
.FeedbackMsgYes{background:#DDDDDD;border:1px solid Green;padding:5px 10px;text-align:center;
                -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.FeedbackMsgYes span{color:Green;font-size:14px;display:inline-block;line-height:20px;}
.FeedbackMsgNo{background:#DDDDDD;border:1px solid Red;padding:5px 10px;text-align:left;
                -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.FeedbackMsgNo span{color:Red;font-size:14px;display:inline-block;line-height:20px;}



/*********************************************
            Item List Css
*********************************************/
.pagination a{font-size:10px;color:#444;}
.pagination a.disabled{color:#aaa; cursor:default;}
.pagination{text-align:right;line-height:20px;font-size:10px;}
.pagination.inside_table{position: absolute;top: 5px;right: 5px;border: 1px solid #DBE2E8;-webkit-border-radius: 6px;
    -moz-border-radius: 6px;border-radius: 6px;background-color: #EBF2F4;cursor: pointer;padding:0 5px;}
.pagination.top_of_table{border: 1px solid #DBE2E8;-webkit-border-radius: 6px;display:inline-block;float:right;margin-bottom:12px;
    -moz-border-radius: 6px;border-radius: 6px;background-color: #EBF2F4;cursor: pointer;padding:0 5px;}

.list_container{position:relative;}
.list_container .progress_layer{width:100%;height:100%;z-index:999; position:absolute;top:0;left:0;zoom:1;opacity:0.75;
                                background: #fff url("/SPMWeb/public/Image/ajax-loader.gif") no-repeat center 20%;}


/*********************************************
            Message Page
*********************************************/
body.message {margin: 0;padding: 60px 15px;color: #222;background: #e5e5e5;text-align: center;}
body.message div.message_dialog {background: #fff;max-width: 640px;margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px;border-radius: 16px;
    -webkit-box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; box-shadow: 0 0 6px #999;
    border: 1px solid #ccc;width:expression(document.body.clientWidth > 640? "640px": "auto" );}
body.message div.innercol {padding: 15px 30px;}
body.message h1 {color: #000; font-size: 24px; margin: 14px 0 5px; font-family: helvetica, arial, sans-serif;}
body.message h2 {color: #c00; font-size: 18px; margin: 5px 0 18px; font-family: helvetica, arial, sans-serif;}
body.message p {font-size: 14px; margin: 0 0 20px; line-height: 18px;}
body.message p.back {margin: 18px 0 0;}
body.message a,body.message a:link, body.message a:visited {text-decoration: underline; padding: 1px; color: #03c;}
body.message a:hover {color: #fff; background-color: #30c; text-decoration: none;}
body.message p.back a {color: #000;text-decoration: none;display: inline-block;padding: 8px 12px;border: 2px solid #ccc;
background: #eee;background: -moz-linear-gradient(top, #fff 0%, #eee 70%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.7, #eee));
-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
body.message p.back a:hover {background: #fff;background: -moz-linear-gradient(top, #ddd 0%, #fff 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(0.7, #fff));}


/*********************************************
        Loading Effect For Button
*********************************************/
.button_panel{padding:10px 0;font-size:12px;}


/*********************************************
        Upload
*********************************************/
/*Upload Panel*/ 
.progressWrapper {width: 357px;overflow: hidden;}
.progressContainer {margin: 5px;padding: 4px;border: solid 1px #E8E8E8;background-color: #F7F7F7;overflow: hidden;}
/* Message */
#TabFileManagement .message {margin: 1em 0;padding: 10px 20px;border: solid 1px #FFDD99;background-color: #FFFFCC;overflow: hidden;}
/* Error */
#TabFileManagement .red {border: solid 1px #B50000;background-color: #FFEBEB;}
/* Current */
#TabFileManagement .green {border: solid 1px #DDF0DD;background-color: #EBFFEB;}
/* Complete */
#TabFileManagement .blue {border: solid 1px #CEE2F2;background-color: #F0F5FF;}  
.progressName {font-size: 8pt;font-weight: 700;color: #555;width: 323px;height: 14px;text-align: left;white-space: nowrap;overflow: hidden;}
.progressBarInProgress,.progressBarComplete,.progressBarError {font-size: 0;width: 0%;height: 2px;background-color: blue;margin-top: 2px;}
.progressBarComplete {width: 100%;background-color: green;visibility: hidden;}
.progressBarError {width: 100%;background-color: red;visibility: hidden;}
.progressBarStatus {margin-top: 2px;width: 337px;font-size: 7pt;font-family: Arial;text-align: left;white-space: nowrap;}
a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image: url(public/plugins/swfupload/images/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right;}
a.progressCancel:hover {background-position: 0px 0px;}
#TabFileManagement .thumbnails {margin:10px 0 10px 0;}
#TabFileManagement .thumbnails div{margin:1px 2px;padding:5px;width:100px;float:left;border:1px solid #FFFFFF;}
#TabFileManagement .thumbnails div.select{border:1px solid #FF5511;}
#TabFileManagement .thumbnails div img{height:98px;width:98px;border:none;}
#TabFileManagement .thumbnails div a span{line-height:14px;font-weight:bold;overflow:hidden;width:100px;height:14px;display:inline-block;text-align:center;font-size:12px;}